<template>
    <div class="content">
        <div id="my-three"></div>
    </div>
</template>

<script setup>
    import { onMounted } from 'vue'
    import * as THREE from 'three'
    import zh from '../../assets/data/zh.json'

    onMounted(() => {
        initMap(zh);
    });


    const textureLoader = new THREE.TextureLoader();

    function initMap(zh){

    }








</script>

<style scoped>
    .content{
        width: 100%;
        height: 100%;
    }
</style>